<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/HeaderAndFooter.css">
    <link rel="stylesheet" href="../css/cart.css">
</head>

<body>
    <header></header>

    <div class="nav"></div>
    <!-- --------------------------- -->

    <div class="page">
        <div class="cartView">
            <div class="cart">
                <div class="cartLeft">
                    <h1 class="cartTitle">您的购物车</h1>
                    <div class="cartNull">
                        <img src="../common/image/wu.png">
                        <p>对不起！亲，暂无商品</p>
                        <a href="/" class="nuxt-link-active">前往商城</a>
                    </div>
                    <div class="cartSelect">
                        <label class="icon">
                            <i class=""></i>
                            <span>
                                <strong>全选</strong>
                                (已选中0件)
                            </span></label>
                        <a href="/" class="nuxt-link-active">继续购买</a>
                    </div>
                    <!-- ------------------------------------------------------------------ -->
                    <div class="CartStyle">
                        <div class="cartList">
                            <!-- <div class="listInfo">
                                <label class="icon">
                                    <i class=""></i>
                                </label>
                                <div class="infoContent">
                                    <img>
                                    <div class="info">
                                        <h5></h5>
                                        <div class="infoDescribe">
                                            <p>
                                                尺寸:
                                                <span></span>
                                            </p>
                                            <p>
                                                筛选色:
                                                <span></span>
                                            </p>
                                            <div class="infoNum">
                                                <span class="is_promote"></span>
                                                <span>x</span>
                                                <select name="" id="">
                                                    
                                                </select>
                                               
                                            </div>
                                        </div>
                                        <div class="operate">
                                            <ul>
                                                <li>删除</li>
                                            </ul>
                                            <div></div>
                                        </div>
                                    </div>
                                </div>
                            </div> -->
                        </div>
                    </div>
                </div>
                <!-- --------------------------------------------------------------- -->
                <div class="abstract">
                    <div class="cartSummary">
                        <div class="clearfix">
                            <p>
                                <span>商品总计</span> <span>￥0</span>
                            </p>
                        </div>
                        <div class="cartBtu">
                            结算
                            <span></span>
                        </div>
                    </div>
                    <div class="cartCharge">全场免普通达运费</div>
                    <div class="cartMethod">
                        <p>我们接受下列付款方式</p>
                        <ul>
                            <li class="zfb">
                                <div></div>
                            </li>
                            <li class="wx">
                                <div></div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="cart">
                <div class="pageing el-pagination">
                    <div class="el-pagination__rightwrapper">
                        <span class="el-pagination__total">共 0 条</span>
                    </div>
                    <button type="button" disabled="disabled" class="btn-prev"><span>上一页</span></button>
                    <ul class="el-pager">
                        <li class="number active">1</li>
                        <!---->
                        <!---->
                        <!---->
                    </ul>
                    <button type="button" disabled="disabled" class="btn-next"><span>下一页</span>
                    </button>
                    <span class="el-pagination__jump">前往
                        <div class="el-input el-pagination__editor is-in-pagination">
                            <input type="number" class="el-input__inner">
                        </div>
                        <span>页</span>
                    </span>
                </div>
            </div>
            <!-- <div class="link">
                <div value="4" class="page" style="">
                    <h1 class="bannerTitle">本月主推</h1>
                    <div class="banner swiper-container swiper-container-initialized swiper-container-horizontal"
                       >
                        <div class="swiper-wrapper"
                            style="transition-duration: 2500ms; transform: translate3d(-1230px, 0px, 0px);"><a
                                href="/Shopping/255" class="swiper-slide" target="_blank"
                                style="width: 277.5px; margin-right: 30px;"><img
                                    src="http://api.oiwas.com/upload/goods_thumbnail/20190924/b83a71c95bdf94289a6e571f652d8de7.jpg">
                                <div class="bannerCon">
                                    <p>《初恋那件小事》同款爱华仕时光行李箱</p> <span>￥499</span>
                                </div>
                            </a><a href="/Shopping/257" class="swiper-slide" target="_blank"
                                style="width: 277.5px; margin-right: 30px;"><img
                                    src="http://api.oiwas.com/upload/goods_thumbnail/20190926/7acbb46275375bee06f7c12abc86f21b.jpg">
                                <div class="bannerCon">
                                    <p>爱华仕简约时尚潮流斜挎包</p> <span>￥199</span>
                                </div>
                            </a><a href="/Shopping/268" class="swiper-slide" target="_blank"
                                style="width: 277.5px; margin-right: 30px;"><img
                                    src="http://api.oiwas.com/upload/goods_thumbnail/20190925/a16de5fbd3c7abec61e4818cbf6bf3d2.jpg">
                                <div class="bannerCon">
                                    <p>爱华仕可扩展大容量多色网红拉杆箱</p> <span>￥399</span>
                                </div>
                            </a><a href="/Shopping/286" class="swiper-slide swiper-slide-prev"
                                target="_blank" style="width: 277.5px; margin-right: 30px;"><img
                                    src="http://api.oiwas.com/upload/goods_thumbnail/20190926/3af72c92bc4ae3eb8b8d34268530d031.jpg">
                                <div class="bannerCon">
                                    <p>爱华仕劲时尚刺绣双肩包14英寸电脑隔层</p> <span>￥299</span>
                                </div>
                            </a><a href="/Shopping/292" class="swiper-slide swiper-slide-active"
                                target="_blank" style="width: 277.5px; margin-right: 30px;"><img
                                    src="http://api.oiwas.com/upload/goods_thumbnail/20190927/e1c63f23d213bb46c7d61f9225325e25.jpg">
                                <div class="bannerCon">
                                    <p>爱华仕森系少女时尚轻便百搭双肩包</p> <span>￥199</span>
                                </div>
                            </a><a href="/Shopping/294" class="swiper-slide swiper-slide-next"
                                target="_blank" style="width: 277.5px; margin-right: 30px;"><img
                                    src="http://api.oiwas.com/upload/goods_thumbnail/20190926/1e56578c8b87e442a020d78d942ab395.jpg">
                                <div class="bannerCon">
                                    <p>爱华仕宽肩带女士斜挎包休闲时尚单肩包</p> <span>￥179</span>
                                </div>
                            </a><a href="/Shopping/295" class="swiper-slide" target="_blank"
                                style="width: 277.5px; margin-right: 30px;"><img
                                    src="http://api.oiwas.com/upload/goods_thumbnail/20190925/8e72f1feb911e594b92210448f4c7669.jpg">
                                <div class="bannerCon">
                                    <p>爱华仕铠甲系列金属防护角铝框拉杆箱</p> <span>￥699</span>
                                </div>
                            </a><a href="/Shopping/297" class="swiper-slide" target="_blank"
                                style="width: 277.5px; margin-right: 30px;"><img
                                    src="http://api.oiwas.com/upload/goods_thumbnail/20190926/7e3e15e5795e64ccc49f7ce97c9e2437.jpg">
                                <div class="bannerCon">
                                    <p>爱华仕劲潮牌轻便时尚双肩包14英寸电脑隔层</p> <span>￥329</span>
                                </div>
                            </a><a href="/Shopping/298" class="swiper-slide" target="_blank"
                                style="width: 277.5px; margin-right: 30px;"><img
                                    src="http://api.oiwas.com/upload/goods_thumbnail/20190925/7cba7baa3fa48d4da348c6ba3f3fe644.jpg">
                                <div class="bannerCon">
                                    <p>爱华仕可口可乐联名设计款轻便拉杆箱</p> <span>￥498</span>
                                </div>
                            </a><a href="/Shopping/303" class="swiper-slide" target="_blank"
                                style="width: 277.5px; margin-right: 30px;"><img
                                    src="http://api.oiwas.com/upload/goods_thumbnail/20191022/00594c6034dd674659ee0c8b33417701.jpg">
                                <div class="bannerCon">
                                    <p>爱华仕苏格兰少女妈咪包多功能大容量双肩母婴包</p> <span
                                       >￥159</span>
                                </div>
                            </a><a href="/Shopping/305" class="swiper-slide" target="_blank"
                                style="width: 277.5px; margin-right: 30px;"><img
                                    src="http://api.oiwas.com/upload/goods_thumbnail/20191210/67c7c98b32f9989b19de604e67f56aca.jpg">
                                <div class="bannerCon">
                                    <p>爱华仕变色龙系列防撞护角大容量拉杆箱</p> <span>￥599</span>
                                </div>
                            </a><a href="/Shopping/333" class="swiper-slide" target="_blank"
                                style="width: 277.5px; margin-right: 30px;"><img
                                    src="http://api.oiwas.com/upload/goods_thumbnail/20210410/f650558600037259a5b113289b1ee50d.png">
                                <div class="bannerCon">
                                    <p>爱华仕拜耳PC材质磨砂旅行箱</p> <span>￥349</span>
                                </div>
                            </a><a href="/Shopping/334" class="swiper-slide" target="_blank"
                                style="width: 277.5px; margin-right: 30px;"><img
                                    src="http://api.oiwas.com/upload/goods_thumbnail/20210410/d733b4cc8ac71c1604fcb88c4270f6ec.png">
                                <div class="bannerCon">
                                    <p>爱华仕小清新磨砂行李箱OCX6628</p> <span>￥289</span>
                                </div>
                            </a></div>
                        <div class="swiper-button-prev" tabindex="0" role="button"
                            aria-label="Previous slide" aria-disabled="false"></div>
                        <div class="swiper-button-next" tabindex="0" role="button"
                            aria-label="Next slide" aria-disabled="false"></div>
                        <div class="swiper-pagination"></div><span class="swiper-notification"
                            aria-live="assertive" aria-atomic="true"></span>
                    </div>
                </div>
            </div>
        </div> -->
            <!---->
        </div>

        <!-- --------------------------- -->
        <footer></footer>
</body>

</html>
<script src="../jQuery.js"></script>
<script src="cart.js"></script>
<script>
    $("header").load("../common/HeaderAndFooter.html header");
    $(".nav").load("../common/HeaderAndFooter.html .nav");
    $("footer").load("../common/HeaderAndFooter.html footer");
</script>